<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns:u="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns="http://www.w3.org/1999/xhtml">

<body>
	<u:composition template="/pages/layout/pageLayout.xhtml">
		<u:define name="body">
			<h:form id="form">
				<p:panel id="panelFiltro" rendered="#{!usuarioController.addEdit}">
					<h:panelGrid columns="5">
						<h:outputText value="Nombre: " />
						<p:inputText value="#{usuarioController.usuarioQuery.usuario}">
						</p:inputText>
						<p:commandButton value="Consultar"
							actionListener="#{usuarioController.query}" update="dataTable">
						</p:commandButton>
					</h:panelGrid>
				</p:panel>

				<h:outputText value="&#160;" />

				<p:growl id="messages" life="5000" />
				<p:dataTable id="dataTable" var="usuario"
					value="#{usuarioController.lazyDM}" paginator="true" rows="10"
					paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="10,15,20"
					rendered="#{!usuarioController.addEdit}"
					emptyMessage="No se encontraron registros" dynamic="true"
					lazy="true">

					<f:facet name="header">
						<h:outputText value="#{msgs.admUsuario_title}" />
					</f:facet>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Nombre" />
						</f:facet>
						<h:outputText value="#{usuario.usuario}" />
					</p:column>
					
					<p:column style="width:80px">
						<f:facet name="header">
							<h:outputText value="Opciones" />
						</f:facet>
						<h:panelGrid columns="3">
							<p:commandLink actionListener="#{usuarioController.edit}"
								update=":form">
								<h:graphicImage url="/resources/images/edit.gif"
									title="Modificar" style="border:0px" />
							</p:commandLink>
							<h:commandLink actionListener="#{usuarioController.delete}"
								onclick="return confirm('¿Está seguro de eliminar el registro?');">
								<h:graphicImage url="/resources/images/delete.gif"
									title="Eliminar" style="border:0px" />
							</h:commandLink>
						</h:panelGrid>
					</p:column>

					<f:facet name="footer">
						<p:commandButton value="Agregar"
							actionListener="#{usuarioController.add}" update=":form" />
					</f:facet>
				</p:dataTable>


				<h:panelGrid id="panel" columns="1"
					rendered="#{usuarioController.addEdit}">
					<p:panel header="#{msgs.admUsuario_altaModificacion}">
						<p:focus for="nombreIT" />
						<h:panelGrid columns="3">
							<h:outputText value="Usuario" />
							<p:inputText id="nombreIT"
								value="#{usuarioController.usuarioView.usuario}">
								<f:validateBean for="nombreIT" />
							</p:inputText>
							<h:message id="mnIT" for="nombreIT" />

							<h:outputText value="Contraseña" />
							<p:password value="#{usuarioController.usuarioView.contrsenia}"
								id="contraseniaIT" weakLabel="Débil" goodLabel="Buena"
								strongLabel="Fuerte" promptLabel="Ingrese una contraseña">
								<f:validateBean for="contraseniaIT" />
							</p:password>
							<h:message id="mcIT" for="contraseniaIT" />
						</h:panelGrid>
						<p:pickList id="picklist" value="#{usuarioController.rolList}"
							var="rol" iconOnly="true" itemLabel="#{rol.label}"
							itemValue="#{rol}" converter="rolConverter"
							showSourceControls="true" showTargetControls="true">
							<f:facet name="sourceCaption">Roles disponibles</f:facet>
							<f:facet name="targetCaption">Roles seleccionados</f:facet>
							<p:ajax event="transfer" listener="#{usuarioController.onTransfer}" update="panelsomCliente panelotCliente" />
						</p:pickList>


						<h:panelGrid id="panelotCliente" style="width:100%;">
							<h:outputText id="otCliente" value="Cliente"
								rendered="#{usuarioController.clienteSelected}" />
						</h:panelGrid>
						<h:panelGrid id="panelsomCliente" style="width:100%;">
							<p:selectOneMenu id="somCliente"
								rendered="#{usuarioController.clienteSelected}"
								value="#{usuarioController.usuarioView.cliente.id}"
								style="width:100%;">
								<f:selectItems value="#{usuarioController.listaCliente}"
									var="cliente" itemValue="#{cliente.ID}"
									itemLabel="#{cliente.nombre}" />
							</p:selectOneMenu>
						</h:panelGrid>
						<h:outputText id="otClienteRelleno" value="" />

					</p:panel>



					<!-- ================================================== -->
					<!-- Opciones											-->
					<!-- ================================================== -->
					<h:panelGrid columns="2">
						<p:commandButton value="Guardar"
							actionListener="#{usuarioController.save}" update=":form">
						</p:commandButton>
						<p:commandButton value="Volver"
							actionListener="#{usuarioController.cancel}" immediate="true"
							update=":form">
						</p:commandButton>
					</h:panelGrid>
				</h:panelGrid>
			</h:form>
		</u:define>
	</u:composition>
</body>
</html>